<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>seven网上商城</title>
<link href="${pageContext.request.contextPath}/css/common.css" rel="stylesheet" type="text/css"/>
<link href="${pageContext.request.contextPath}/css/product.css" rel="stylesheet" type="text/css"/>
<link href="${pageContext.request.contextPath}/css/proeval.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/product.js"></script>
<link rel="shortcut icon" href="${pageContext.request.contextPath}/images/tit.ico" type="image/x-icon" />
<script type="text/javascript">
  function look_up1(id){
	  
  }
</script>
</head>
<body>

<div class="container header">
	<div class="span5">
		<div class="logo">
			<a>
				<img src="${pageContext.request.contextPath}/image/r___________renleipic_01/logo2.gif" alt="seven商城"/>
			</a>
		</div>
	</div>
	<div class="span9">
<div class="headerAd">
					<img src="${pageContext.request.contextPath}/image/r___________renleipic_01/header.jpg" alt="正品保障" title="正品保障" height="50" width="320"/>
</div>	</div>
	<%@ include file="menu.jsp" %>
</div>
<div class="container productContent">
		<div class="span6">
			<div class="hotProductCategory">
				<dl>
					<c:forEach var="c" items="${clist}">
						<dl>
							<dt>
								<a href="${pageContext.request.contextPath}/findByCid?cid=${c.cid}&page=1">${c.cname}</a>
							</dt>
							<c:forEach var="cs" items="${c.categorySecondList}">
								<dd>
									<a href="${pageContext.request.contextPath}/findByCsid?csid=${cs.csid}&page=1">${cs.csname}</a>
								</dd>
							</c:forEach>
						</dl>
					</c:forEach>

				</dl>

				<%--<dl>--%>
					<%--<dt>--%>
						<%--<a href="/shop/product_findByCid?cid=2&page=1">&#38795;&#38772;&#31665;&#21253;</a>--%>
					<%--</dt>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=9&page=1">&#22899;&#38795;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=10&page=1">&#30701;&#38772;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=11&page=1">&#30007;&#38795;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=12&page=1">&#22899;&#21253;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=13&page=1">&#30007;&#21253;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=14&page=1">&#26381;&#39280;&#37197;&#20214;</a>--%>
					<%--</dd>--%>

				<%--</dl>--%>

				<%--<dl>--%>
					<%--<dt>--%>
						<%--<a href="/shop/product_findByCid?cid=3&page=1">&#36816;&#21160;&#25143;&#22806;</a>--%>
					<%--</dt>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=15&page=1">&#36816;&#21160;&#38795;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=16&page=1">&#36816;&#21160;&#26381;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=17&page=1">&#25143;&#22806;&#36816;&#21160;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=18&page=1">&#20581;&#36523;&#35013;&#22791;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=19&page=1">&#39569;&#34892;&#35013;&#22791;</a>--%>
					<%--</dd>--%>

				<%--</dl>--%>

				<%--<dl>--%>
					<%--<dt>--%>
						<%--<a href="/shop/product_findByCid?cid=4&page=1">&#29664;&#23453;&#37197;&#39280;</a>--%>
					<%--</dt>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=20&page=1">&#29664;&#23453;&#39318;&#39280;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=21&page=1">&#26102;&#23578;&#39280;&#21697;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=22&page=1">&#21697;&#36136;&#25163;&#34920;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=23&page=1">&#30524;&#38236;&#37197;&#39280;</a>--%>
					<%--</dd>--%>

				<%--</dl>--%>

				<%--<dl>--%>
					<%--<dt>--%>
						<%--<a href="/shop/product_findByCid?cid=5&page=1">&#25163;&#26426;&#25968;&#30721;</a>--%>
					<%--</dt>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=24&page=1">&#25163;&#26426;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=25&page=1">&#24179;&#26495;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=26&page=1">&#30005;&#33041;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=27&page=1">&#30456;&#26426;</a>--%>
					<%--</dd>--%>

				<%--</dl>--%>

				<%--<dl>--%>
					<%--<dt>--%>
						<%--<a href="/shop/product_findByCid?cid=6&page=1">&#23478;&#30005;&#21150;&#20844;</a>--%>
					<%--</dt>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=28&page=1">&#22823;&#23478;&#30005;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=29&page=1">&#21416;&#25151;&#30005;&#22120;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=30&page=1">&#29983;&#27963;&#30005;&#22120;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=31&page=1">&#20010;&#25143;&#30005;&#22120;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=32&page=1">&#21150;&#20844;&#32791;&#26448;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=37&page=1">&#36719;&#20214;a</a>--%>
					<%--</dd>--%>

				<%--</dl>--%>

				<%--<dl>--%>
					<%--<dt>--%>
						<%--<a href="/shop/product_findByCid?cid=7&page=1">&#25252;&#32932;&#24425;&#22918;</a>--%>
					<%--</dt>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=33&page=1">&#32654;&#23481;&#25252;&#32932;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=34&page=1">&#24378;&#25928;&#20445;&#20859;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=35&page=1">&#36229;&#20540;&#24425;&#22918;</a>--%>
					<%--</dd>--%>

					<%--<dd>--%>
						<%--<a href="/shop/product_findByCsid?csid=36&page=1">&#25442;&#23395;&#20445;&#20859;</a>--%>
					<%--</dd>--%>

				<%--</dl>--%>

			<%--</div>--%>
			<%----%>
			</div>
		</div>
	<div class="span18 last">

		<div class="productImage">
			<a title="" style="outline-style: none; text-decoration: none;" id="zoom" href="http://image/r___________renleipic_01/bigPic1ea8f1c9-8b8e-4262-8ca9-690912434692.jpg" rel="gallery">
				<div class="zoomPad">
					<img style="opacity: 1;" title="" class="medium" src="${pageContext.request.contextPath}/${p.image}"/>
					<div style="display: block; top: 0px; left: 162px; width: 0px; height: 0px; position: absolute; border-width: 1px;" class="zoomPup"></div>
					<div style="position: absolute; z-index: 5001; left: 312px; top: 0px; display: block;" class="zoomWindow">
						<div style="width: 368px;" class="zoomWrapper">
							<div style="width: 100%; position: absolute; display: none;" class="zoomWrapperTitle">
							</div>
							<div style="width: 0%; height: 0px;" class="zoomWrapperImage">
								<img src="%E5%B0%9A%E9%83%BD%E6%AF%94%E6%8B%89%E5%A5%B3%E8%A3%852013%E5%A4%8F%E8%A3%85%E6%96%B0%E6%AC%BE%E8%95%BE%E4%B8%9D%E8%BF%9E%E8%A1%A3%E8%A3%99%20%E9%9F%A9%E7%89%88%E4%BF%AE%E8%BA%AB%E9%9B%AA%E7%BA%BA%E6%89%93%E5%BA%95%E8%A3%99%E5%AD%90%20%E6%98%A5%E6%AC%BE%20-%20Powered%20By%20Mango%20Team_files/6d53c211-2325-41ed-8696-d8fbceb1c199-large.jpg" style="position: absolute; border: 0px none; display: block; left: -432px; top: 0px;"/>
							</div>
						</div>
					</div>

					<div style="visibility: hidden; top: 129.5px; left: 106px; position: absolute;" class="zoomPreload"/>Loading zoom

			</a>
		</div>

	</div>

</div>

<div class="name">${p.pname}</div>
<div class="sn">
	<div>编号：${p.pid}</div>
</div>
<div class="info">
	<dl>
		<dt>商城价:</dt>
		<dd>
			<strong>￥${p["shop_price"]}元</strong>
			市场价：<del>￥${p["market_price"]}元</del>

		</dd>
	</dl>
	<dl>
		<dt>促销:</dt>
		<dd>
			<a target="_blank" title="限时抢购 (2015-07-30 ~ 2016-01-01)">限时抢购</a>

		</dd>
	</dl>
	<dl>
		<dt>    </dt>
		<dd>
			<span>    </span>
		</dd>
	</dl>
</div>
<form id="cartForm" action="${pageContext.request.contextPath}/addcart" method="post" >
	<%--设置商品的pid，以便于在购物项中获取 --%>
	<input type="hidden" name="pid" value="${p.pid}"/>

	<div class="action">
		<dl class="quantity">
			<dt>购买数量:</dt>
			<dd>
				<input id="count" name="quantity" value="1" maxlength="4" onpaste="return false;" type="text"/>
				<div>
					<span id="increase" onclick="plus()" class="increase">&nbsp;</span>
					<span id="decrease" onclick="reduce()" class="decrease">&nbsp;</span>
				</div>
			</dd>
			<dd>
				件
			</dd>
		</dl>
		<div class="buy">
			<input id="addCart" class="addCart" value="加入购物车" type="button" onclick="saveCart()"/>
		</div>
	</div>
</form>
<%--

<div id="bar" class="bar">
  <ul>
          <li id="introductionTab">
              <a href="#introduction">商品介绍</a>
          </li>

  </ul>
</div>
--%>
<div id="introduction" name="introduction" class="introduction">
	<div class="title">
		<strong onclick="look_up1()" style="cursor:pointer;">商品评价</strong>
	</div>
	<div>
		<div class="comment">
			<div class="comment_left">
				<span><img width="50px" height="50px" src="${pageContext.request.contextPath}/images/toux.png"/></span>
				<span class="comment_left_username">zhwj</span>
			</div>
			<div class="comment_right">
				<div class="comment_right_top">满意度：&#24046;&#35780;</div>
				<div class="comment_right_mid">评价内容：&#36213;&#38745;&#38745;&#35273;&#24471;&#19981;&#24590;&#20040;&#30340;&#12290;&#12290;&#12290;</div>
				<div class="comment_right_end">评价时间：2017-04-09 23:07:05</div>
			</div>
		</div>
		<hr/>

	</div>


	<div>
		<div class="comment">
			<div class="comment_left">
				<span><img width="50px" height="50px" src="${pageContext.request.contextPath}/images/toux.png"/></span>
				<span class="comment_left_username"></span>
			</div>
			<div class="comment_right">
				<div class="comment_right_top">满意度：&#22909;&#35780;</div>
				<div class="comment_right_mid">评价内容：gggggg</div>
				<div class="comment_right_end">评价时间：2017-04-09 23:03:11</div>
			</div>
		</div>
		<hr/>

	</div>


	<div>
		<div class="comment">
			<div class="comment_left">
				<span><img width="50px" height="50px" src="${pageContext.request.contextPath}/images/toux.png"/></span>
				<span class="comment_left_username">lkk</span>
			</div>
			<div class="comment_right">
				<div class="comment_right_top">满意度：&#22909;&#35780;</div>
				<div class="comment_right_mid">评价内容：&#22909;&#35780;&#65292;&#20080;&#20102;&#25105;&#38750;&#24120;&#30340;&#21916;&#27426;&#36825;&#20010;&#34915;&#26381;&#65292;&#27809;&#26377;&#33394;&#24046;</div>
				<div class="comment_right_end">评价时间：2016-01-14 11:20:10</div>
			</div>
		</div>
		<hr/>

	</div>


	<div>
		<div class="comment">
			<div class="comment_left">
				<span><img width="50px" height="50px" src="${pageContext.request.contextPath}/images/toux.png"/></span>
				<span class="comment_left_username">aaa</span>
			</div>
			<div class="comment_right">
				<div class="comment_right_top">满意度：&#20013;&#35780;</div>
				<div class="comment_right_mid">评价内容：&#20013;&#35780;</div>
				<div class="comment_right_end">评价时间：2016-01-13 22:57:33</div>
			</div>
		</div>
		<hr/>

	</div>

	<div class="title">
		<strong>商品介绍</strong>
	</div>
	<div>
		<img src="${pageContext.request.contextPath}/${p.image}" width="720px" height="400px;"/><br/>

	</div>
	<div class="title">
		<strong>详情描述</strong>
	</div>
	<div style="border-bottom:1px solid #ccc;">
		<strong style="font-size:20px;">${p.pdesc}</strong>
	</div>
</div>

</div>
</div>

	<%--尾部 --%>
	<%@ include file="bottom.jsp"%>
</body>
</html>